@charset "UFT-8";

@media (min-width: 501px) and (max-width: 1370px) {

    * {
        box-sizing: border-box;
    }

    @font-face {
        font-family: "Zen Old Mincho";
        src: url("../fonts/ZenOldMincho-Bold.ttf") format("truetype");
    }

    @font-face {
        font-family: "MeshedDisplay-Black";
        src: url("../fonts/MeshedDisplay-Black.otf") format("truetype");
    }

    /* @font-face { */
    /* font-family: "Zen Old Mincho"; */
    /* src: url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;700&display=swap"); */
    /* font-display: block; */
    /* } */

    body {
        background-color: #fff;
        box-sizing: border-box;
        overflow-x: hidden;
        padding-top: 80px;
    }

    .loading {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 9999;
        transition: opacity 1.5s ease-out;
        /* 背景のフェードアウトを 1.5秒 に */
    }

    .loading-text {
        font-size: 120px;
        font-family: "MeshedDisplay-Black";
        color: #B61D22;
        transition: transform 2s ease-in-out, opacity 2.5s ease-out;
    }

    .loading-per {
        font-size: 24px;
        padding-top: 40px;
        font-family: "MeshedDisplay-Black";
        color: #B61D22;
    }

    .loading.fade-out {
        opacity: 0;
        pointer-events: none;
    }

    /* SPECIALZ を上に移動するアニメーション */
    .loading-text.move-up {
        animation: moveUp 1.5s ease-in-out forwards;
    }

    /* SPECIALZ の縮小 & フェードアウト */
    .loading-text.fade-out-small {
        animation: fadeOutSmall 2.5s ease-out forwards;
    }

    @keyframes moveUp {
        0% {
            transform: translateY(0) scale(1);
            opacity: 1;
        }

        100% {
            transform: translateY(-42.5vh) scale(0.34);
            opacity: 1;
            /* ここでは透明にしない */
        }
    }

    @keyframes fadeOutSmall {
        0% {
            transform: translateY(-35vh) scale(1);
            opacity: 1;
        }

        100% {
            transform: translateY(-35vh) scale(1);
            opacity: 0;
        }
    }

    /*共通*/
    /* ヘッダー↓ */
    .header-white {
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        background-color: #fff;
        height: 80px;
        padding: 0 2.5%;
        margin: 0 auto;
        z-index: 1000;
    }

    .header-red {
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        background-color: #B61D22;
        height: 80px;
        padding: 0 2.5%;
        margin: 0 auto;
        z-index: 1000;
    }

    .pc-only img {
        height: 60px;
        margin: 0 auto;
    }

    .sp-only {
        display: none;
    }

    /* トップページのみ */
    .index-specialz {
        text-align: center;
        margin: 0 auto;
        font-size: 40px;
        font-family: "MeshedDisplay-Black";
        color: #B61D22;
    }

    .pc-only a {
        align-items: center;
        font-size: 60px;
        margin: 0 auto;
        font-family: "MeshedDisplay-Black";
        color: #B61D22;
    }

    .pc-only ul {
        display: none;
    }

    /* ヘッダーが白の場合 */
    /* ハンバーガーメニューの箱 */
    .button {
        width: 60px;
        height: 60px;
        cursor: pointer;
        z-index: 1100;
        position: fixed;
        position: relative;
    }

    /* ３本線 */
    .button span {
        display: inline-block;
        width: 100%;
        height: 3px;
        background-color: #B61D22;
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        transition: all 0.6s;
    }

    .button span:nth-of-type(1) {
        top: 14px;
    }

    .button span:nth-of-type(2) {
        top: 30px;
    }

    .button span:nth-of-type(3) {
        top: 46px;
    }

    /*ヘッダーが赤の場合  */
    .button.is-active span:nth-of-type(1) {
        top: 30px;
        transform: translateX(-50%) rotate(45deg);
        background: #fff;
    }

    .button.is-active span:nth-of-type(2) {
        display: none;
    }

    .button.is-active span:nth-of-type(3) {
        top: 30px;
        transform: translateX(-50%) rotate(-45deg);
        background: #fff;
    }

    /* ヘッダーが赤の場合 */
    .button-white {
        width: 60px;
        height: 60px;
        cursor: pointer;
        z-index: 1100;
        position: fixed;
        position: relative;
    }

    /* ３本線 */
    .button-white span {
        display: inline-block;
        width: 80%;
        height: 3px;
        background-color: #fff;
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        transition: all 0.6s;
    }

    .button-white span:nth-of-type(1) {
        top: 14px;
    }

    .button-white span:nth-of-type(2) {
        top: 30px;
    }

    .button-white span:nth-of-type(3) {
        top: 46px;
    }

    .inner-nav {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        box-sizing: border-box;
        position: fixed;
        top: 0;
        right: -100%;
        z-index: 1050;
        height: 80vh;
        width: 100%;
        background: #B61D22;
        transition: all 0.6s;
    }

    .inner-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 80px;
        padding: 0 24px;
        margin: 0 auto;
    }

    .inner-header-title a {
        font-size: 32px;
        color: #fff;
        font-family: "MeshedDisplay-Black";
    }

    .main-box {
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        width: 80%;
        height: auto;
        padding: 0 20px;
    }

    .main-logo {
        max-width: 400px;
        margin: 0 auto;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .main-logo img {
        margin: 0 auto;
        width: 240px;
        object-fit: cover
    }

    .main-list {
        max-width: 400px;
        margin: 0 auto;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .menu-list {
        list-style-type: none;
        display: flex;
        margin-top: 40px;
    }

    .menu-list li {
        padding-bottom: 24px;
    }

    .menu-list a {
        color: #fff;
        font-size: 18px;
        font-family: "MeshedDisplay-Black";
    }

    .hb-insta-logo {
        width: 18px;
        height: auto;
    }

    .dashed {
        border-bottom: dashed 3px #fff;
        margin-bottom: 36px;
    }

    .main-box2 {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        height: 80px;
        padding: 0 40px;
    }

    .policy {
        list-style-type: none;
        display: flex;
    }

    .policy li {
        padding-bottom: 16px;
    }

    .policy a {
        color: #fff;
        font-size: 12px;
        font-family: "MeshedDisplay-Black";
    }

    .inner-nav.is-active {
        right: 0;
    }

    .button-white.is-active span:nth-of-type(1) {
        top: 36px;
        transform: translateX(-50%) rotate(45deg);
        background: #fff;
    }

    .button-white.is-active span:nth-of-type(2) {
        display: none;
    }

    .button-white.is-active span:nth-of-type(3) {
        top: 36px;
        transform: translateX(-50%) rotate(-45deg);
        background: #fff;
    }

    /* ここまでヘッダー */

    /* ここからメイン */
    /* 通常タイトル */
    .title {
        margin-top: 22px;
        text-align: center;
        font-size: 60px;
        font-family: "MeshedDisplay-Black";
        color: #B61D22;
    }

    /* indexのみタイトル */
    .title-red {
        margin-top: 22px;
        text-align: center;
        font-size: 40px;
        font-family: "MeshedDisplay-Black";
        color: #fff;
    }

    /* index */
    .event-block {
        max-width: 1370px;
        width: 95%;
        height: 2313px;
        background-color: #B61D22;
        margin: 50px auto;
        padding: 0 50px;
    }

    .event-title {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        padding-top: 80px;
        font-size: 60px;
        font-family: "MeshedDisplay-Black";
        color: #fff;
    }

    .event-box {
        max-width: 800px;
        width: 100%;
        display: flex;
        margin: 0 auto;
        padding-top: 100px;
        flex-direction: column;
        gap: 32px;
    }

    .event-group1 {
        display: flex;
        max-width: 800px;
        height: 600px;
        flex-direction: column;
        gap: 30px;
        margin: 0 auto;
        width: 90%
    }

    .event-photo1 {
        width: 100%;
        max-width: 404px;
        margin: 0 auto;
        object-fit: cover;
    }

    .event-photo1 img {
        width: 100%;
    }

    .e-contents1 {
        max-width: 488px;
        width: 100%;
        height: 312px;
        background-color: #fff;
        margin: 0 auto;
        padding: 16px 24px;
    }

    .e-contents1 h3 {
        text-align: left;
        font-size: 14px;
        color: #000;
        margin-bottom: 24px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .e-contents1 p {
        text-align: left;
        font-size: 12px;
        color: #000;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
        line-height: 1.5;
    }


    .event-group2 {
        display: flex;
        max-width: 800px;
        height: 600px;
        flex-direction: column;
        gap: 30px;
        margin: 0 auto;
        width: 90%
    }

    .event-photo2 {
        width: 100%;
        max-width: 404px;
        margin: 0 auto;
        object-fit: cover;
    }

    .event-photo2 img {
        width: 100%;
    }

    .e-contents2 {
        max-width: 488px;
        width: 100%;
        height: 312px;
        background-color: #fff;
        margin: 0 auto;
        padding: 16px 24px;
    }

    .e-contents2 h3 {
        text-align: left;
        font-size: 14px;
        color: #000;
        margin-bottom: 24px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .e-contents2 p {
        text-align: left;
        font-size: 12px;
        color: #000;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
        line-height: 1.5;
    }

    .event-group3 {
        display: flex;
        max-width: 800px;
        height: 600px;
        flex-direction: column;
        gap: 30px;
        margin: 0 auto;
        width: 90%
    }

    .event-photo3 {
        width: 100%;
        max-width: 404px;
        margin: 0 auto;
        object-fit: cover;
    }

    .event-photo3 img {
        width: 100%;
    }

    .e-contents3 {
        max-width: 488px;
        width: 100%;
        height: 312px;
        background-color: #fff;
        margin: 0 auto;
        padding: 16px 24px;
    }

    .e-contents3 h3 {
        text-align: left;
        font-size: 14px;
        color: #000;
        margin-bottom: 24px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .e-contents3 p {
        text-align: left;
        font-size: 12px;
        color: #000;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
        line-height: 1.5;
    }

    /* ここまでindex */

    /* What We Do */

    .zen-old-mincho-regular {
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .ttw-info {
        width: 60%;
        margin: 200px auto;
    }

    .ttw-info h2 {
        text-align: center;
        font-size: 40px;
        margin-bottom: 24px;
        font-family: "MeshedDisplay-Black";
    }

    .ttw-info h3 {
        text-align: center;
        font-size: 32px;
        margin-bottom: 124px;
        font-family: "Zen Old Mincho", serif;
    }

    .ttw-info p {
        margin-bottom: 124px;
        font-size: 16px;
        line-height: normal;
        color: black;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .ttw-photo {
        display: flex;
        width: 100%;
        margin: 0 auto;
        padding: 0 40px;
        margin-bottom: 124px;
    }

    .photo2 {
        width: 100%;
        object-fit: cover;
    }

    .msm-info {
        width: 60%;
        margin: 200px auto;
    }

    .msm-info h2 {
        text-align: center;
        font-size: 40px;
        margin-bottom: 24px;
        font-family: "MeshedDisplay-Black";
    }

    .msm-info h3 {
        text-align: center;
        font-size: 32px;
        margin-bottom: 124px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .msm-info p {
        margin-bottom: 124px;
        font-size: 16px;
        line-height: normal;
        color: black;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .msm-photo {
        display: flex;
        width: 100%;
        margin: 0 auto;
        padding: 0 40px;
        margin-bottom: 240px;
    }

    .photo3 {
        width: 100%;
        object-fit: cover;
    }

    /* ここまでWhat We Do */

    /* サイトポリシー */
    .page-policy {
        background-color: #B61D22;
        box-sizing: border-box;
        overflow-x: hidden;
    }

    .header-policy {
        height: 100px;
        background-color: #B61D22;
        display: flex;
        align-items: center;
    }

    .site-sp-only {
        display: none;
    }

    .page-hamburger {
        background-color: #B61D22;
        box-sizing: border-box;
        overflow-x: hidden;
    }

    .site-block {
        max-width: 1100px;
        height: auto;
        width: 90%;
        background-color: #fff;
        margin: 104px auto;
        padding: 80px 80px;
    }

    .site1 h2 {
        text-align: center;
        font-size: 32px;
        color: #000;
        margin-bottom: 80px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .site1 p {
        margin-bottom: 80px;
        text-align: left;
        font-size: 16px;
        color: #000;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
        line-height: 1.5;
    }

    .site2 h2 {
        text-align: center;
        font-size: 32px;
        color: #000;
        margin-bottom: 80px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .site2 p {
        margin-bottom: 80px;
        text-align: left;
        font-size: 16px;
        color: #000;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
        line-height: 1.5;
    }

    .site3 h2 {
        text-align: center;
        font-size: 32px;
        color: #000;
        margin-bottom: 80px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .site3 p {
        margin-bottom: 80px;
        text-align: left;
        font-size: 16px;
        color: #000;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
        line-height: 1.5;
    }

    .site4 h2 {
        text-align: center;
        font-size: 32px;
        color: #000;
        margin-bottom: 80px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .site4 p {
        margin-bottom: 80px;
        text-align: left;
        font-size: 16px;
        color: #000;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
        line-height: 1.5;
    }

    .site5 h2 {
        text-align: center;
        font-size: 32px;
        color: #000;
        margin-bottom: 80px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .site5 p {
        margin-bottom: 80px;
        text-align: left;
        font-size: 16px;
        color: #000;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
        line-height: 1.5;
    }

    .site6 h2 {
        text-align: center;
        font-size: 32px;
        color: #000;
        margin-bottom: 80px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .site6 p {
        margin-bottom: 80px;
        text-align: left;
        font-size: 16px;
        color: #000;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
        line-height: 1.5;
    }

    .site7 h2 {
        text-align: center;
        font-size: 32px;
        color: #000;
        margin-bottom: 80px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .site7 p {
        margin-bottom: 80px;
        text-align: left;
        font-size: 16px;
        color: #000;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
        line-height: 1.5;
    }

    .site8 h2 {
        text-align: center;
        font-size: 32px;
        color: #000;
        margin-bottom: 80px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .site8 p {
        margin-bottom: 80px;
        text-align: left;
        font-size: 16px;
        color: #000;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
        line-height: 1.5;
    }

    .site9 h2 {
        text-align: center;
        font-size: 32px;
        color: #000;
        margin-bottom: 80px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .site9 p {
        margin-bottom: 80px;
        text-align: left;
        font-size: 16px;
        color: #000;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
        line-height: 1.5;
    }

    .site10 h2 {
        text-align: center;
        font-size: 32px;
        color: #000;
        margin-bottom: 80px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .site10 p {
        margin-bottom: 80px;
        text-align: left;
        font-size: 16px;
        color: #000;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
        line-height: 1.5;
    }

    .site11 h2 {
        text-align: center;
        font-size: 32px;
        color: #000;
        margin-bottom: 80px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .site11 p {
        margin-bottom: 80px;
        text-align: left;
        font-size: 16px;
        color: #000;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
        line-height: 1.5;
    }

    .site12 h2 {
        text-align: center;
        font-size: 32px;
        color: #000;
        margin-bottom: 80px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .site12 p {
        margin-bottom: 80px;
        text-align: left;
        font-size: 16px;
        color: #000;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .site13 h2 {
        text-align: center;
        font-size: 32px;
        color: #000;
        margin-bottom: 80px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .site13 p {
        margin-bottom: 80px;
        text-align: left;
        font-size: 16px;
        color: #000;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
        line-height: 1.5;
    }

    .site14 h2 {
        text-align: center;
        font-size: 32px;
        color: #000;
        margin-bottom: 80px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .site14 p {
        text-align: left;
        font-size: 16px;
        color: #000;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
        line-height: 1.5;
    }

    /* プライバシーポリシー */

    .privacy-sp-only {
        display: none;
    }

    .brand-block {
        max-width: 1360px;
        width: 100%;
        height: auto;
        background-color: #fff;
        margin: 104px auto;
        padding: 80px 40px;
    }

    .privacy1 h2 {
        text-align: center;
        font-size: 32px;
        color: #000;
        margin-bottom: 80px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .privacy1 p {
        margin-bottom: 80px;
        text-align: left;
        font-size: 16px;
        color: #000;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
        line-height: 1.5;
    }

    .page-hamburger {
        background-color: #B61D22;
        box-sizing: border-box;
        overflow-x: hidden;
    }


    /*ヘッダー
    header {
        height: 100px;
        background-color: #fff;
        display: flex;
        align-items: center;
        padding: 0 40px;
    }*/

    /* 
.menu-bar {
    display: flex;
}

.bar {
    max-width: 1216px;
    width: 100%;
    height: 64px;
    display: flex;
    margin: 0 auto;
    justify-content: space-around;
}

.bar ul {
    display: flex;
    align-items: flex-end;
    text-align: center;
}

.bar li {
    width: 230px;
}

.bar a {
    color: #000;
    font-size: 24px;
    font-family: meshed-display-black;
}
*/

    /* About Us */
    /* specialzロゴ大 */
    .large-logo-box {
        width: 100%;
        max-width: 1191px;
        margin: 200px auto;
    }

    .large-logo {
        width: 100%;
        object-fit: cover;
    }

    .tachiage-info {
        width: 60%;
        padding-bottom: 124px;
        margin: 0 auto;
    }

    .tachiage-info h2 {
        text-align: center;
        font-size: 40px;
        margin-bottom: 124px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .tachiage-info p {
        font-size: 16px;
        line-height: normal;
        color: black;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .wwd-photo1 {
        display: flex;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 240px;
    }

    .photo1 {
        width: 100%;
        max-width: 1360px;
        max-height: 320px;
        object-fit: cover;
        padding: 0 50px;
    }

    .mean-of-logo {
        text-align: center;
        margin: 0 auto;
        font-size: 40px;
        color: black;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .logo-info {
        width: 100%;
        max-width: 500px;
        text-align: center;
        padding-top: 124px;
        margin: 0 auto;
    }

    .logo-image {
        min-width: 100px;
        max-width: 400px;
        object-fit: cover;
    }

    .logo-contents p {
        margin: 0 auto;
        padding-top: 124px;
        text-align: left;
        line-height: normal;
        font-size: 16px;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .specialz-info {
        width: 60%;
        margin: 240px auto;
    }

    .specialz-info h2 {
        text-align: center;
        font-size: 40px;
        margin-bottom: 124px;
        font-family: "MeshedDisplay-Black";
    }

    .specialz-info p {
        margin-bottom: 124px;
        font-size: 16px;
        text-align: center;
        line-height: normal;
        color: black;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .it-takes-info {
        width: 100%;
        max-width: 800px;
        padding: 0 50px;
        margin: 240px auto;
    }

    .it-takes-info h2 {
        text-align: center;
        font-size: 40px;
        margin-bottom: 124px;
        line-height: normal;
        font-family: "MeshedDisplay-Black";
    }

    .it-takes-info p {
        margin-bottom: 124px;
        font-size: 16px;
        text-align: center;
        line-height: normal;
        color: black;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    /*あゆみくんの写真の箱*/
    .ayumi-profile {
        margin: 80px 0;
        width: 100%;
        text-align: center;
    }

    /*写真の大きさの指定*/
    .ayumi-profile img {
        width: 60%;
        min-width: 200px;
        max-width: 590px;
        object-fit: cover;
        /*アスペクト比変えない*/
    }

    /*テキストの最大幅*/
    .ayumi-info {
        width: 100%;
        max-width: 500px;
        text-align: center;
        transform: scale(1.1);
        padding: 50px 0;
        margin: 0 auto;
    }

    /*あゆみくんタイトル*/
    .ayumi-info h2 {
        font-size: 24px;
        margin-top: 40px;
        margin-bottom: 24px;
        font-family: "MeshedDisplay-Black";
    }

    /*あゆみくん紹介文*/
    .ayumi-info h3 {
        font-size: 16px;
        margin-bottom: 34px;
        line-height: normal;
        color: black;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    .ayumi-info p {
        max-width: 350px;
        margin: 0 auto;
        font-size: 16px;
        line-height: normal;
        color: black;
        font-family: "Zen Old Mincho", serif;
        font-weight: 700;
        font-style: normal;
    }

    /*ルナさんの写真の箱
.Luna-profile {
margin:212px auto 0;
margin-bottom: 240px ;
width: 80%;
max-width: 1200px;
}
.Luna-profile {
display: flex;
align-items: flex-start;
gap: 48px;
margin-left: 152px;
}

.Luna-profile img {
width: 576px;
height: 544px;
object-fit: cover;
}

.Luna-info {
max-width: 464px;
}

.Luna-info h2 {
font-size: 36px;
margin-bottom: 46px;
font-family: "meshed-display-black";
}

.Luna-info h3 {
font-size: 16px;
margin-bottom: 42px;
line-height: normal;
color: black;
font-family: "ZenOldMincho-Black";
}

.Luna-info p {
font-size: 16px;
line-height: normal;
color: black;
font-family: "ZenOldMincho-Black";
}*/

    .hb-footer {
        width: 100%;
        height: 200px;
        background-color: #B61D22;
    }

    footer {
        width: 100%;
        height: 590px;
        background-color: #B61D22;
        padding-bottom: 115px;
    }

    .logo-box {
        width: 100%;
    }

    .footer-logo {
        display: flex;
        width: 128px;
        padding-top: 38px;
        margin: 0 auto;
    }

    .teamB {
        margin: 0 auto;
    }

    .footer-content1 {
        list-style-type: none;
        display: flex;
        margin-top: 30px;
        margin-left: 35px;
        width: 230px;
        height: 212px;
    }

    .footer-content1 li {
        padding-bottom: 30px;
    }

    .footer-content1 a {
        color: #fff;
        font-size: 16px;
        font-family: "MeshedDisplay-Black";
    }

    .footer-content2 {
        list-style-type: none;
        margin-top: 30px;
        margin-left: 35px;
        width: 230px;
    }

    .footer-content2 li {
        padding-bottom: 26px;
    }

    .insta-logo {
        width: 24px;
        height: auto;
    }

    .footer-content2 a {
        color: #fff;
        font-size: 16px;
        font-family: "MeshedDisplay-Black";
    }

    .footer-content3 {
        list-style-type: none;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }

    .footer-content3 ul {
        display: flex;
        text-align: center;
    }

    .footer-content3 li {
        width: 100px;
    }

    .footer-content3 a {
        color: #fff;
        font-size: 12px;
        font-family: "MeshedDisplay-Black";
    }

    .copyright {
        padding-bottom: 20px;
        background-color: #B61D22;
        text-align: center;
    }

    .copycontent {
        margin: 30px 0;
        width: 100%;
    }

    .copyright p {
        color: #fff;
        font-size: 8px;
    }

}